<!DOCTYPE html>
<!-- saved from url=(0061)http://www.sucainiu.com/demo/jquery/2016/09/jQueryCalculator/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>jQuery带历史操作记录的计算器 - 素材牛素材演示</title>
<link rel="stylesheet" href="./style(1).css" media="screen" type="text/css">
</head>
<body>
<div id="container">
<div id="the-calculator">
<div id="the-display">
<form name="calculator">
<span id="total">0</span>
</form>
</div>
<div id="the-buttons">
<div class="button-row clearfix">
<button id="calc_clear" value="C/E">C/E</button>
<button id="calc_back" value="←">←</button>
<button id="calc_neg" value="-/+">-/+</button>
<button class="calc_op" value="/">÷</button>
</div>
<div class="button-row clearfix">
<button class="calc_int" value="7">7</button>
<button class="calc_int" value="8">8</button>
<button class="calc_int" value="9">9</button>
<button class="calc_op" value="*">×</button>
</div>
<div class="button-row clearfix">
<button class="calc_int" value="4">4</button>
<button class="calc_int" value="5">5</button>
<button class="calc_int" value="6">6</button>
<button class="calc_op" value="-">-</button>
</div>
<div class="button-row clearfix">
<button class="calc_int" value="1">1</button>
<button class="calc_int" value="2">2</button>
<button class="calc_int" value="3">3</button>
<button class="calc_op" value="+">+</button>
</div>
<div class="button-row clearfix">
<button id="calc_zero" class="calc_int" value="0">0</button>
<button id="calc_decimal" value=".">.</button>
<button id="calc_eval" value="=" class="">=</button>
</div>
<div id="extra-buttons" class="button-row">
<button id="calc_denom" value="1/x"><span class="denominator"><span class="denom-top">1</span><span class="denom-slash">/</span><span class="denom-btm">x</span></span></button>
<button id="calc_sqrt" value="√">√</button>
<button id="calc_square" value="x2">x<span class="exponent">2</span></button>
<button id="calc_powerof" class="calc_op" value="^">y<span class="exponent">x</span></button>
</div>
</div>
</div>
<!--
<div id="the-results">
<ul id="results_list"><li class="result" style="display: list-item;"><span class="equation">10 + 12 </span><span class="answer">22</span> <span class="use"><a class="calc_use" href="http://www.sucainiu.com/demo/jquery/2016/09/jQueryCalculator/#">Use</a></span></li><li class="result" style="display: list-item;"><span class="equation">1 + 2 </span><span class="answer">3</span> <span class="use"><a class="calc_use" href="http://www.sucainiu.com/demo/jquery/2016/09/jQueryCalculator/#">Use</a></span></li><li class="result" style="display: list-item;"><span class="equation">9 + 1 </span><span class="answer">10</span> <span class="use"><a class="calc_use" href="http://www.sucainiu.com/demo/jquery/2016/09/jQueryCalculator/#">Use</a></span></li><li class="result" style="display: list-item;"><span class="equation">4 + 2 </span><span class="answer">6</span> <span class="use"><a class="calc_use" href="http://www.sucainiu.com/demo/jquery/2016/09/jQueryCalculator/#">Use</a></span></li></ul>
<a id="result_clear" href="http://www.sucainiu.com/demo/jquery/2016/09/jQueryCalculator/#">Wipe</a>
</div>
-->

</div>
<script src="./jquery.min(1).js"></script>
<script src="./index.js"></script>
<style>
.sucainiu-footer{text-align:center; padding-top:50px;}
.sucainiu-footer p{line-height:30px;}
.sucainiu-footer a{color:#06F}
.clear{ clear:both;}
</style>
<div class="clear"></div>
</body></html>